<html xmlns="http://www.w3.org/1999/xhtml" xmlns:lift="http://liftweb.net/">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title class="lift:Menu.title">COLLABORATIVE IDE</title>
	
    <link rel="stylesheet" type="text/css" href="/css/codemirror.css"/>
	<link rel="stylesheet" type="text/css" href="/css/modaldbox.css"/>
    <link href="/css/style.css" rel="stylesheet" type="text/css" />

        <!-- CSS for the file list -->
	<link rel="stylesheet" type="text/css" href="/filelist-template/css/filelist-template.css"/>
	
	<!-- <link rel="stylesheet" type="text/css" href="mode/clike/clike.css"/> -->
	<style type="text/css"> 
	.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
	.activeline {background: #fff !important;}
	</style>
	<style type="text/css">
/* <![CDATA[ */
.edit_error_class {
  display: block;
  color: red;
}

.userMenu{
	z-index: 999;
	float:right;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-right: 70px;
	margin-top: 7px;
	font: 15px/18px Tahoma Neue,Helvetica,Arial,sans-serif !important;
	
	
}

.userMenu li{
	float:right;
	margin-right:10px;
	/* position:relative; */
	display:block;
}
.userMenu li a{
	display:block;
	padding:0px;
	color:#fff;
	text-decoration:none;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.userMenu li a:hover{
	color: rgb(191, 187, 136);

}
#userMenuID{
	margin-top:0px;
}

/************/


.userMenu {



}

.userMenu ul{
	right:5000px;
	list-style:none;
	position:absolute;
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgba(156,156,156, 0.9)),
    	color-stop(0.51, rgba(86,89,88, 0.9)),
    	color-stop(0.76, rgba(59,58,59, 0.9))
	);
	background-image: -moz-linear-gradient(
    	center bottom,
    	rgba(130,130,130, 0.9) 0%,
    	rgba(86,89,88,0.9) 51%,
    	rgba(54,56,56,0.9) 76%
	);
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 171px;
		z-index: 600;
}


.userMenu ul li{
	padding-top:14px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;

	
	
}


.userMenu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
.userMenu li:hover ul{ /* Display the dropdown on hover */
	right:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
.userMenu li:hover a{ /* Set styles for top level when dropdown is hovered */


	/*background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.05, rgb(59,58,59)),
	    color-stop(0.48, rgb(102,102,102)),
	    color-stop(0.88, rgb(156,156,156))
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(59,58,59) 5%,
	    rgb(102,102,102) 48%,
	    rgb(156,156,156) 88%
	);*/
	
}


.userMenu li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
.userMenu li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	

	
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}





  /* ]]> */
  </style>

	<!-- /CSS -->
	
	<!-- SCRIPTS -->
	<!--projectHTML(myId: Long)-->
	
	<!--
	<script type="text/javascript" src="http://usiedit.appspot.com/static/lib/codemirror.js"></script>	
	<script type="text/javascript" src="http://usiedit.appspot.com/static/lib/modaldbox.js"></script>
	<script type="text/javascript" src="/classpath/jquery.js"></script>
	<SCRIPT SRC="http://usiedit.appspot.com/static/lib/diff_match_patch_uncompressed.js"></SCRIPT>
	<SCRIPT SRC="http://usiedit.appspot.com/static/lib/mobwrite_core.js"></SCRIPT>
	<script src="http://usiedit.appspot.com/static/lib/simple_differ.js"></script>
	<script src="http://usiedit.appspot.com/static/lib/mobwrite_codemirror.js"></script>
	
	<script src="http://usiedit.appspot.com/static/compressed_form.js"></script>
	<script>
	  mobwrite.syncGateway = 'http://usiedit.appspot.com/scripts/q.py';
	</script>
	-->
	
    <script id="jquery" src="/classpath/jquery.js" type="text/javascript"></script>
    <script id="json" src="/classpath/json.js" type="text/javascript"></script>

	<script src="/static/mobwrite/static/compressed_codemirror.js"></script>
    <script src="/static/mobwrite/static/codemirror/js/codemirror.js"></script>
    <script>
      mobwrite.syncGateway = 'http://mobwrite3.appspot.com/scripts/q.py';
    </script>

	<script type="text/javascript">
  function saveBuffer() {
    var buffer = jQuery('#buffer')[0];
    buffer.value = demo_editor_text.getCode();
    var form = jQuery('#save_form form')[0];
    // this doesn't work!
    // form.submit();
    var onsubmit = form.getAttribute('onsubmit');
    var fs = 'function xyzzy() { ' + onsubmit + ' };';
    // alert('buffer ' + buffer.value);
    eval(fs);
    xyzzy();
  }
</script>

	<script type="text/javascript">
		function getURL() {
			var strHref = window.location.href;
			var url = strHref.split('/');
			window.filename = url.pop();
		}
	</script>
	
	<script type="text/javascript" charset="utf-8">
	window.onresize = height_size;
	
	function height_size() {
		var table_height = window.innerHeight - 34;
		var editor_height = window.innerHeight - 140;
		var log_height = table_height - editor_height - 5;
		var main_table = document.getElementById('main_table');
		var left-sidebar = document.getElementById('left-sidebar');
		var right-sidebar = document.getElementById('right-sidebar');
		var editor = document.getElementById(key);
		var log = document.getElementById('log');
		main_table.style.height = table_height + 'px';
		// left-sidebar.style.height = table_height + 'px';
		// right-sidebar.style.height = table_height + 'px';
		editor.style.height = editor_height + 'px';
		log.style.height = log_height + 'px';
	}
	
			
	 </script>
	
	<!-- SLIDERS -->
	<script src="lib/left-slider.js"></script>
	<script src="lib/right-slider.js"></script>
	<!-- LEFT -->
	<script type="text/javascript">
		$(function(){
		     $('.left-slider').leftSlide({
		         tabHandle: '.left-handle',             
		         pathToTabImage: 'img/left-tab.png',
		         imageHeight: '172px',                    
		         imageWidth: '35px',                 
		     });

		 });
	</script>
	<!-- /LEFT -->
	<!-- RIGHT -->
	<script>
		$(function(){
		     $('.right-slider').rightSlide({
		         tabHandle: '.right-handle',                    
		         pathToTabImage: 'img/right-tab.png', 
		         imageHeight: '172px',                   
		         imageWidth: '35px',                   
		     });

		 });
	</script>
	<!-- /RIGHT -->
	<!-- /SLIDERS -->
		
  </head>

<!-- INSERIRE IL NOME DEL FILE -->
<!-- <body onload="var name = getURL(); "> -->
	<body onload="getURL(); height_size(); mobwrite.share(123_-_38);" style="overflow:hidden;">
		
		<div style="width: 200px; float:right;">
			<ul class="userMenu">
				<li>
					<a href="#">Menu</a>
					<span  class="userMenu"><lift:Menu.builder></lift:Menu.builder></span>
				</li>
			</ul>
		</div>
		
	<!-- body -->

		<div id="top_menu">
			<ul>
                                <li style="margin-top:2px;"><span class="lift:FileIn.projectNameWithLink">ProjectName</span></li>
				<li class="nohover">|</li>
				<li>
					<img src="/img/download.png" />
					<a href="#" class="lift:Download.getlink">Download</a>
					</li>
				<li><img src="/img/build.png" /><a>Build</a></li>
                                <li style="margin-top: 3px;">
                                	
                                    	<img src="/img/share-icon-12x12.png" />
                                    	<span class="lift:FileIn.addUserLink">Share</span>
                                	
                                </li>
			</ul>
			
		</div>
		
	
        <div id="content">The main content will get bound here</div>

		<script type="text/javascript" charset="utf-8">
			var codearea = document.getElementById('codearea');
			var left = document.getElementById('left_sidebar');
			var right = document.getElementById('right_sidebar');
			var left_button = document.getElementById('left_button');
			var right_button = document.getElementById('right_button');
			left.value = 'true';
			right.value = 'true';
		</script>
		
		
    <script type="text/javascript">
      var demo_editor_text = mobwrite.shareCodeMirror.create(
        key, {
          height: '100%',
          width: '100%',
          parserfile: ['tokenizejavascript.js', 'parsejavascript.js'],
          path: '/static/mobwrite/static/codemirror/js/',
          stylesheet: '/static/mobwrite/static/codemirror/css/jscolors.css',
          tabMode: 'shift',
          autoMatchParens: true
        });
    </script>

  </body>
</html>
